.push-enter {
  /* 页面即将进入 */
  transform:rotateZ(90deg);
  transform-origin: right bottom;
}
.push-enter-active {
  /* 页面正在进入 */
  transform: rotateZ(0);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: #fff;
  /*设置过渡效果*/
  transition: all .5s;
  transform-origin: right bottom;
}

.push-exit {
  transform: rotateZ(0);
  transform-origin: right bottom;
}
.push-exit-active {
  transform: rotateZ(90deg);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: #fff;
  /*设置过渡效果*/
  transition: all .5s;
  transform-origin: right bottom;
}